<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        
    </style>
</head>
<body>
    <input type="button" name="" id="btn" value="按钮">
</body>
<script>

    // 任何全局变量和全局函数都是属于window的
    // window在使用时可以被省略
    var msg = "千锋H5，好！";
    console.log(window);
    console.log(msg);
    console.log(window.msg);
    function show(){
        console.log("hello window")
    }
    show();
    window.show();
    var obj = {
        show:function(){
            console.log("hello obj")
        }
    }
    obj.show()
    window.obj.show();

    // ===============

    // 关键字：this：一般存在于函数中，表示当前函数的执行对象

    function fun(){
        console.log(this);
    }

    // 此处的重点，不是this，而是利用this查看当前函数的执行对象

    fun();

    window.fun()

    obj.abc = fun;
    
    obj.abc();
    
    window.obj.abc();

    var btn = document.getElementById("btn")
    btn.onclick = fun;

</script>
</html>